﻿@charset "UTF-8";
/*公共*/
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote {
  margin: 0;
  padding: 0;
  color: #333;
  font-family: "微软雅黑";
  font-size: 16px; }

#showdata {
  display: none; }

body {
  scrollbar-arrow-color: #fff;
  /*上下按钮上三角箭头的颜色*/
  scrollbar-face-color: #000;
  /*滚动条凸出部分的颜色*/
  scrollbar-highlight-color: #000;
  /*滚动条空白部分的颜色*/
  scrollbar-shadow-color: #000;
  /*滚动条阴影的颜色*/
  scrollbar-track-color: #ee6e23;
  /*滚动条背景颜色*/
  scrollbar-base-color: black;
  /*滚动条的基本颜色*/
  Cursor: url(mouse.cur);
  /*自定义个性鼠标*/
  /*以上2项适用与：body、div、textarea、iframe*/ }

::-webkit-scrollbar {
  /* 滚动条整体部分 */
  width: 10px; }

::-webkit-scrollbar-button {
  /* 滚动条两端的按钮 */
  width: 10px;
  display: none;
  background-color: #fff; }

::-webkit-scrollbar:horizontal {
  height: 0px; }

::-webkit-scrollbar-track {
  /* 外层轨道 */
  border-radius: 10px; }

::-webkit-scrollbar-track-piece {
  /*内层轨道，滚动条中间部分 */
  background-color: #000;
  border-radius: 10px; }

::-webkit-scrollbar-thumb {
  /* 滑块 */
  width: 0px;
  border-radius: 5px;
  background: #ee6e23; }

::-webkit-scrollbar-corner {
  /* 边角 */
  width: 10px;
  background-color: red; }

::-webkit-scrollbar-thumb:hover {
  /* 鼠标移入滑块 */
  background: red; }

@media screen and (max-width: 900px) {
  body {
    font-size: 14px; } }

::selection {
  background: #042d97;
  color: #fff; }

::-moz-selection {
  background: #042d97;
  color: #fff; }

::-webkit-selection {
  background: #042d97;
  color: #fff; }

body {
  overflow-x: hidden; }

img {
  border: 0; }

.clearfix:after {
  content: '';
  display: block;
  height: 0;
  visibility: hidden;
  clear: both; }

.clearfix {
  zoom: 1; }

em, i {
  font-style: normal; }

a {
  font-size: 16px;
  transition: all .3s; }

a:hover {
  text-decoration: none;
  color: #1b65fa; }

.w1300 {
  max-width: 1300px;
  margin: 0 auto; }

.w1200 {
  max-width: 1200px;
  margin: 0 auto; }

.fl {
  float: left; }

.fr {
  float: right; }

.h30 {
  height: 30px; }

.h60 {
  height: 60px; }

.f14 {
  font-size: 14px; }

.f18 {
  font-size: 18px; }

.db {
  display: block; }

.dib {
  display: inline-block; }

/*公共*/
header {
  background: #fff; }
  header .logo {
    width: 1300px;
    margin: 0 auto; }
  header .logoImg {
    margin: 15px 0 15px 10px; }
    header .logoImg a {
      display: block;
      float: left; }

.qh_nav {
  z-index: 9999; }
  .qh_nav ul {
    width: 800px;
    margin-top: 50px; }
  .qh_nav li {
    float: left;
    line-height: 36px;
    height: 36px; }
    .qh_nav li a {
      color: #000;
      display: block;
      width: 100px;
      text-align: center;
      height: 36px;
      box-sizing: border-box;
      position: relative; }
      .qh_nav li a:hover {
        background: #1b65fa;
        color: #fff;
        border-radius: 5px; }
    .qh_nav li .act {
      background: #1b65fa;
      color: #fff;
      border-radius: 5px; }

/*左右滚动*/
.syal {
  overflow: hidden;
  width: 100%;
  margin: 0px auto;
  height: 662px;
  background: url(../images/al.jpg) top center no-repeat; }
  .syal li {
    float: left;
    margin-right: 20px;
    width: 450px; }
    .syal li a {
      display: block;
      box-sizing: border-box;
      overflow: hidden; }
      .syal li a img {
        display: block;
        width: 97.5%;
        border: 5px solid #fff;
        transition: all .3s; }
      .syal li a ol {
        color: #000;
        text-align: center;
        font-size: 18px;
        border-bottom: 1px solid #ececec;
        padding: 20px 0; }
      .syal li a:hover img {
        border: 5px solid #cc0000; }
      .syal li a:hover ol {
        background: #cc0000;
        color: #fff; }

#focus_Box {
  position: relative;
  width: 1180px;
  height: 440px;
  margin: 0px auto 0 auto;
  padding-top: 20px; }
  #focus_Box ul {
    position: relative;
    height: 440px; }
  #focus_Box li {
    z-index: 0;
    position: absolute;
    width: 0px;
    height: 0px;
    top: 146px;
    cursor: pointer;
    left: 377px;
    overflow: hidden;
    border-radius: 20px; }
    #focus_Box li img {
      width: 100%;
      height: 100%;
      vertical-align: top;
      transition: .5s;
      border-radius: 10px; }
    #focus_Box li:hover img {
      transform: scale(1.05, 1.05); }
    #focus_Box li:hover p {
      background: #ffa200;
      color: #fff;
      font-size: 20px; }
    #focus_Box li p {
      position: absolute;
      left: 0;
      bottom: 0px;
      width: 100%;
      height: 40px;
      line-height: 40px;
      color: #fff;
      background: #1b65fa;
      text-align: center;
      font-size: 18px;
      transition: all .3s; }
  #focus_Box .prev {
    background: url(../images/btnl.png) no-repeat;
    left: -90px;
    top: 290px; }
    #focus_Box .prev:hover {
      left: -110px;
      opacity: 1; }
  #focus_Box .next {
    background: url(../images/btnr.png) no-repeat;
    right: -90px;
    top: 290px; }
    #focus_Box .next:hover {
      right: -110px;
      opacity: 1; }
  #focus_Box a.imgs-scroll-btn {
    display: block;
    position: absolute;
    z-index: 110;
    top: 7px;
    right: 15px;
    width: 51px;
    height: 23px;
    overflow: hidden;
    background: url(../images/share-btn.png) no-repeat;
    text-indent: -999px; }

#focus_Box .prev, #focus_Box .next {
  display: block;
  z-index: 100;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  width: 51px;
  height: 101px;
  top: 131px;
  transition: 0.5s;
  opacity: 0.6; }

/*产品上下滚动*/
.sycp {
  margin-bottom: 80px;
  overflow: hidden; }

.tit {
  margin: 29px auto 0px auto;
  font-size: 38px;
  background: url(../images/logo2.png) left no-repeat;
  padding-left: 110px;
  height: 108px;
  width: 420px;
  box-sizing: border-box; }
  .tit b {
    color: #191919;
    margin: 0px auto;
    display: block;
    font-size: 46px;
    padding-top: 20px;
    font-weight: normal; }
  .tit i {
    color: #13a710;
    font-size: 38px;
    font-weight: normal;
    padding-left: 10px; }
  .tit em {
    display: block;
    font-size: 18px;
    font-weight: normal;
    color: #6c6c6c; }

.sycp_fl ul {
  width: 100%;
  transition: .5s;
  text-align: center;
  margin: 0 auto; }
  .sycp_fl ul a {
    color: #000;
    margin: 0px 0.5% 10px 0;
    display: inline-block;
    border-radius: 50%; }
    .sycp_fl ul a span {
      color: #fff;
      text-align: center;
      display: block;
      transition: all .3s;
      font-size: 18px;
      background: #1b65fa;
      padding: 10px 20px;
      border-radius: 50px; }
    .sycp_fl ul a:hover {
      background: none;
      transform: translateY(-10px); }
      .sycp_fl ul a:hover span {
        color: #1b65fa; }

.anliroll {
  height: 800px;
  width: 96%;
  margin: 0 auto;
  overflow: hidden; }
  .anliroll li {
    float: left;
    width: 23.2558139535%;
    margin: 2% 0 0 1.4%; }
    .anliroll li a {
      display: block;
      overflow: hidden;
      padding: 10px;
      background: #e9e9e9; }
      .anliroll li a h4 {
        overflow: hidden; }
      .anliroll li a img {
        width: 100%;
        display: block;
        transition: all .5s; }
      .anliroll li a ol {
        line-height: 35px;
        color: #555;
        width: 100%;
        transition: all .3s;
        font-size: 20px;
        padding: 10px 10px;
        box-sizing: border-box; }
        .anliroll li a ol a {
          color: #555;
          font-size: 20px; }
        .anliroll li a ol b {
          display: block;
          background: url(../images/sj.png) left no-repeat;
          background-size: 30px 30px;
          padding-left: 35px; }
      .anliroll li a span {
        display: inline-block;
        position: absolute;
        right: 10px;
        bottom: 6%;
        border-radius: 999px;
        padding: 10px 20px; }
      .anliroll li a:hover {
        color: #fff;
        background: #1b65fa; }
        .anliroll li a:hover img {
          transform: scaleX(1.2) scaleY(1.2); }
        .anliroll li a:hover ol {
          background: #1b65fa;
          color: #fff;
          padding-left: 25px; }
        .anliroll li a:hover span {
          background: #fff;
          color: #000; }

.synews {
  overflow: hidden;
  padding-bottom: 50px; }

.news {
  margin-top: 30px; }

.news .newsbt {
  text-align: center; }

.news .warp {
  width: 1075px;
  margin: 0 auto; }

.picFocus {
  width: 1300px;
  margin: 0 auto; }

.picFocus .fl {
  width: 49%; }

.news_0606 div.fl {
  position: relative;
  overflow: hidden; }
  .news_0606 div.fl ._hd {
    position: absolute;
    bottom: 20px;
    z-index: 9;
    width: 100%;
    height: 14px;
    text-align: center; }
    .news_0606 div.fl ._hd ul {
      display: inline-block; }
      .news_0606 div.fl ._hd ul li {
        float: left;
        width: 14px;
        height: 14px;
        overflow: hidden;
        margin: 0 5px;
        border-radius: 50%;
        background: #fff;
        font-size: 0; }
        .news_0606 div.fl ._hd ul li.on {
          background: #e1112a; }
  .news_0606 div.fl .bd a {
    display: block; }
    .news_0606 div.fl .bd a img {
      width: 100%; }
.news_0606 div.fr {
  width: 48%;
  overflow: hidden; }
  .news_0606 div.fr ul {
    width: 100%;
    height: 372px; }
    .news_0606 div.fr ul li {
      height: 138px;
      transition: .5s;
      margin-bottom: 31px;
      background: #eee; }
      .news_0606 div.fr ul li:first-child {
        border-top: none; }
      .news_0606 div.fr ul li a {
        display: block;
        height: 100%; }
      .news_0606 div.fr ul li .a1 {
        float: left;
        width: 28%;
        height: 100%;
        text-align: center;
        -webkit-transition: all .5s;
        transition: all .5s;
        background: #fff;
        overflow: hidden; }
        .news_0606 div.fr ul li .a1 img {
          height: 100%;
          margin: 0 -100%; }
      .news_0606 div.fr ul li .a2 {
        float: right;
        width: 72%;
        padding: 10px 15px;
        box-sizing: border-box; }
        .news_0606 div.fr ul li .a2 h5 {
          font-size: 17.5px;
          color: #242424;
          line-height: 30px;
          -webkit-transition: all .5s;
          transition: all .5s; }
        .news_0606 div.fr ul li .a2 p {
          font-size: 12.5px;
          color: #a5a5a5;
          line-height: 20px;
          -webkit-transition: all .5s;
          transition: all .5s; }
      .news_0606 div.fr ul li.on {
        background: #1b65fa; }
        .news_0606 div.fr ul li.on .a1 {
          color: #fff; }
        .news_0606 div.fr ul li.on .a2 h5 {
          color: #fff; }
        .news_0606 div.fr ul li.on .a2 p {
          color: #fff; }

#footer {
  background: #212121;
  width: 100%; }
  #footer h3 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    position: relative;
    margin-bottom: 30px; }
    #footer h3::before {
      position: absolute;
      content: "";
      bottom: -10px;
      left: 0;
      background: #ff8a00;
      width: 50px;
      height: 3px; }
  #footer .f1 {
    width: 265px;
    padding-top: 30px;
    margin-left: 80px; }
    #footer .f1 a {
      display: inline-block;
      width: 125px;
      height: 25px;
      line-height: 25px;
      margin-right: 2%;
      color: #fff;
      margin-bottom: 5px; }
  #footer .f3 {
    width: 339px;
    padding-top: 30px;
    margin-left: 50px;
    color: #fff; }
    #footer .f3 h4 {
      color: #fff;
      margin-bottom: 10px; }
      #footer .f3 h4 strong {
        color: #65a454;
        font-size: 28px;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
    #footer .f3 p {
      color: #fff;
      line-height: 180%; }
  #footer .f4 {
    width: 126px;
    padding-top: 60px; }
    #footer .f4 em {
      text-align: center;
      display: block;
      margin: 20px auto;
      color: #fff; }
  #footer .f5 {
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 20px;
    background: #191919; }
    #footer .f5 p {
      text-align: center;
      color: #fff; }
      #footer .f5 p img {
        vertical-align: middle;
        margin: 0 0 20px 0; }

/*地图*/
#dituContent {
  overflow: hidden;
  position: relative;
  z-index: 0;
  background-color: #f3f1ec;
  color: black;
  text-align: left;
  height: 400px; }

.zs_fl {
  text-align: center; }
  .zs_fl li {
    display: inline-block;
    padding: 15px 20px;
    border-radius: 30px;
    background: #f00018;
    color: #fff;
    margin: 0 5px 5px 0;
    transition: all .3s; }
    .zs_fl li a {
      display: block;
      color: #fff; }
    .zs_fl li:hover {
      background: linear-gradient(#60b62b, #1574cd); }

#home-posi {
  width: 100%;
  background: url(../images/posib../images/g.jpg);
  overflow: hidden;
  padding-bottom: 10px; }

.home-posi {
  width: 1300px;
  height: 220px;
  margin: 0px auto;
  overflow: hidden;
  position: relative; }

.lei {
  width: 1400px;
  position: absolute;
  z-index: 9999;
  left: 0;
  top: 20px;
  overflow: hidden; }
  .lei dl {
    width: 200px;
    height: 350px;
    float: left; }
    .lei dl a dt {
      width: 200px;
      margin-bottom: 10px; }
      .lei dl a dt img {
        width: 160px;
        height: 160px;
        border-radius: 50%;
        margin: 0 auto;
        display: block;
        border: 5px solid #fff; }
    .lei dl a dd {
      -webkit-transition-duration: .5s;
      -moz-transition-duration: .5s;
      -ms-transition-duration: .5s;
      -o-transition-duration: .5s;
      transition-duration: .5s;
      font-size: 18px;
      color: #000;
      text-align: center;
      height: 50px;
      display: block; }

/*内页banner*/
.nb {
  position: relative;
  height: 416px; }
  .nb ul {
    width: 1400px;
    margin: 0 auto;
    text-align: center;
    padding-top: 200px; }
    .nb ul a {
      width: 10%;
      display: inline-block;
      margin-left: 1%;
      margin-bottom: 15px; }
      .nb ul a img {
        width: 100%;
        border-radius: 50%;
        height: 166px;
        border: 4px solid #fff; }
      .nb ul a span {
        color: #fff;
        background: #ffa200;
        padding: 10px 13px;
        display: block;
        text-align: center;
        border-radius: 20px; }
      .nb ul a:hover span {
        background: #60b62b; }

.nb1 {
  background: url(../images/g.jpg) bottom center no-repeat; }

.sppic {
  display: none; }

.sppic1 img {
  display: none; }

.mapBox {
  height: 600px; }

.newsc .listc ul, .newsc .listc li {
  width: 100%; }

.newsc .listc li {
  transition: .3s; }
  .newsc .listc li.grayc {
    background-color: #f8f8f8; }
  .newsc .listc li a {
    padding: 50px 0;
    display: block; }
  .newsc .listc li:nth-of-type(even) {
    background: #f7f7f7; }
  .newsc .listc li:hover {
    background-color: #0e4295; }
    .newsc .listc li:hover .numc img {
      border: 1px solid #fa1e2f; }
    .newsc .listc li:hover .centerc {
      left: -16px; }
.newsc .listc .centerc {
  width: 980px;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  left: 0; }
.newsc .listc .numc {
  display: block;
  width: 104px;
  border-right: 1px solid #ddd;
  line-height: 60px;
  font-size: 72px;
  color: #d2d2d2; }
  .newsc .listc .numc img {
    width: 104px; }
.newsc .listc .fontc {
  display: block;
  width: 83.7%;
  font-size: 18px;
  line-height: 30px; }
  .newsc .listc .fontc .introc {
    font-size: 14px;
    color: #bbb; }
  .newsc .listc .fontc p {
    font-size: 18px; }

.newsc .listc li:hover .numc, .newsc .listc li:hover .fontc p, .newsc .listc li:hover .fontc .introc {
  color: #fff; }

.f-cbc:after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  content: "."; }

.neaxtpg a {
  float: left;
  display: inline-block;
  width: 42%;
  text-align: center;
  padding: 10px 2%;
  border: 1px solid #ccc;
  margin: 0 1%; }

.neaxtpg a:hover {
  background: #0e4295;
  color: #fff; }

.neaxtpg {
  margin-bottom: 50px; }

.n_main {
  overflow: hidden;
  margin-top: 0px; }

.nmain_l {
  width: 21%; }
  .nmain_l h1 {
    height: 95px;
    background: #0048a6 url(nlanb../images/g.jpg) no-repeat right top;
    color: #fff;
    padding-left: 25px;
    font-size: 36px;
    font-weight: normal;
    padding-top: 45px;
    line-height: 30px;
    font-weight: bold;
    text-align: center; }
    .nmain_l h1 em {
      display: block;
      font-size: 18px;
      color: rgba(255, 255, 255, 0.733);
      font-weight: normal;
      text-align: center; }
  .nmain_l .nmenu {
    border: 1px solid #eee; }
    .nmain_l .nmenu li {
      line-height: 48px;
      font-size: 15px;
      border-bottom: 1px solid #eaeaea; }
      .nmain_l .nmenu li .act {
        background: #ff0000;
        color: #fff;
        padding-left: 25px; }
      .nmain_l .nmenu li a {
        display: block;
        padding-left: 20px;
        position: relative;
        color: #6f6f6f; }
        .nmain_l .nmenu li a:hover {
          background: #f3f3f3;
          padding-left: 25px; }
      .nmain_l .nmenu li .iconfont {
        position: absolute;
        right: 10px;
        font-size: 16px; }
      .nmain_l .nmenu li ._act {
        background: #0048a6;
        color: #fff; }
        .nmain_l .nmenu li ._act .ion {
          color: #fff; }
        .nmain_l .nmenu li ._act:hover {
          background: #0048a6;
          color: #fff; }
          .nmain_l .nmenu li ._act:hover .ion {
            color: #fff; }
  .nmain_l .l_lx {
    background: rgba(0, 0, 0, 0.548); }
    .nmain_l .l_lx dt {
      height: 50px;
      line-height: 70px;
      font-size: 26px;
      color: #fff;
      border-bottom: 1px solid #fff;
      padding-bottom: 10px;
      margin: 0 20px; }
    .nmain_l .l_lx dd {
      padding: 20px 20px 20px 20px;
      box-sizing: border-box;
      color: #fff; }
      .nmain_l .l_lx dd p {
        color: #fff;
        line-height: 160%; }

.gs_conwz {
  line-height: 200%;
  margin-bottom: 20px; }
  .gs_conwz .ab_tit {
    font-size: 26px;
    color: #000; }
  .gs_conwz .abchan-tag {
    display: inline-block;
    background: url(../images/pcat_xian.gif) repeat-x center;
    padding: 0 20px;
    font-size: 16px;
    color: #6e6e6e; }
    .gs_conwz .abchan-tag span {
      display: block;
      padding: 0 10px;
      background: #fff;
      color: darkgrey; }

.gs_wz {
  margin-top: 20px;
  line-height: 200%; }

.gs_wz p {
  line-height: 160%;
   }

.chr-top {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 18px;
  margin-bottom: 20px;
  margin-top: 20px; }
  .chr-top h3 {
    font-size: 24px;
    color: #000; }
    .chr-top h3 span {
      float: right;
      color: #6e6e6e;
      margin-top: 10px;
      font-size: 14px;
      font-weight: normal; }
      .chr-top h3 span i {
        color: #000; }
      .chr-top h3 span a {
        color: #6e6e6e; }
    .chr-top h3 span a:hover {
      color: #000; }
    .chr-top h3 u {
      text-transform: uppercase;
      font-size: 16px;
      font-style: normal;
      text-decoration: none; }

.nmain_r1 {
  width: 95%;
  margin: 0 auto; }

.sygsjj {
  background: url(../images/1_12.jpg) top center no-repeat;
  height: 602px; }
  .sygsjj dl dt {
    float: right;
    width: 64%; }
    .sygsjj dl dt h3 {
      color: #000;
      font-size: 36px;
      padding-top: 150px;
      position: relative; }
      .sygsjj dl dt h3 em {
        display: block;
        color: #818181;
        font-size: 16px;
        font-weight: normal; }
      .sygsjj dl dt h3::before {
        position: absolute;
        content: "";
        width: 100px;
        height: 1px;
        left: 0;
        bottom: -10px;
        background: #ff9000; }
    .sygsjj dl dt a {
      width: 180px;
      border: 1px solid #ff9000;
      color: #ff9000;
      height: 45px;
      line-height: 45px;
      text-align: center;
      display: block;
      border-radius: 30px;
      float: right;
      margin-right: 80px; }
      .sygsjj dl dt a:hover {
        background: #1b65fa;
        color: #fff;
        border: 1px solid #1b65fa; }
  .sygsjj dl dd {
    float: left;
    width: 20%; }
    .sygsjj dl dd h3 {
      font-size: 26px;
      color: #fff;
      margin-top: 193px;
      text-align: right;
      position: relative; }
      .sygsjj dl dd h3 em, .sygsjj dl dd h3 b {
        color: #fff; }
      .sygsjj dl dd h3 b {
        font-size: 36px;
        display: block; }
      .sygsjj dl dd h3 em {
        font-weight: normal; }
      .sygsjj dl dd h3::before {
        position: absolute;
        content: "";
        width: 100px;
        height: 2px;
        right: 0;
        bottom: -10px;
        background: #fff; }
    .sygsjj dl dd a {
      width: 180px;
      border: 1px solid #81d080;
      color: #fff;
      height: 45px;
      line-height: 45px;
      text-align: center;
      display: block;
      border-radius: 10px;
      margin-top: 60px;
      float: right; }
      .sygsjj dl dd a:hover {
        background: #60b62b; }
    .sygsjj dl dd img {
      display: block;
      margin-top: 70px; }
  .sygsjj .gs_con {
    width: 77%;
    margin: 30px auto;
    overflow: hidden; }
    .sygsjj .gs_con p {
      color: #000;
      line-height: 200%; }



      .showlist {
        width: 100%;
        float: left;
    }

    .showlist div * {
        width: 100%;
    }

    .showlist li {
        margin: 10px auto;
        width: 80%;
        background: #fdfdfd;
        border: 5px solid #fff;
        border-radius: 5px;
    }

    .showlist li:hover {
        box-shadow: 0px 0px 8px #666;
        background: #f0f0f0;
    }

    .showlist li dl a {
        display: block;
    }

    .showlist li img {
        border-radius: 5px;
    }

    .showlist li .t {
        line-height: 35px;
        display: block;
    }

    .showlist li .t b {
        display: block;
        background: url(/client/images/sj.png) left no-repeat;
        background-size: 30px 30px;
        padding-left: 35px;
    }

    .showlist li:hover b {
        color: #e30;
    }

    .showlist dt a {
        overflow: hidden;
        display: inline-block;
        transform: rotate(0);
        border-radius: 5px;
    }

    .showlist dt a img {
        transition: all .4s ease-in-out;
    }

    .showlist dt a:hover img {
        transform: translateZ(0) scale(1.12);
    }

    .showlist dd,
    .showlist ol {
        padding: 1%;
        color: #666;
    }

    .showlist dd * {
        color: #666;
    }

    .showlist span {
        text-decoration: line-through;
        vertical-align: middle;
    }

    .showlist .pm {
        text-decoration: none;
        color: #00F;
    }

    .showlist div {
        float: left;
        border-left: 1px solid #eee;
    }

    .showlist div:hover {
        background: #fafafa;
    }

    .showlist .button {
        width: 60%;
        color: #fff;
        margin: 0px auto;
        padding: 0px;
    }

    @media only screen and (max-width: 650px) {
        .showlist .button {
            font-size: 12px;
            height: 30px;
            line-height: 30px;
        }
    }

    #showdata li {
        float: left;
        width: 31%;
        margin-left: 1%;
    }

    #showdata li * {
        width: 100%;
    }

    #loaddata {
        text-align: center;
    }

    .page_next {
      color: #666;
      border: #efefef 1px solid;
      padding: 5px 12px;
      margin: 2px;
  }


  .showpics {
    width: 94%;
    border: #DBDBDB solid 1px;
    border-radius: 5px;
    background: #FFF;
    float: left;
    margin: 0px;
}

.showpics img {
    border-radius: 5px;
}

.showpics li {
    height: 395px;
    padding-bottom: 15px;
    text-align: center;
    position: relative;
}

.showpics li img {
    max-height: 385px;
    max-width: 95%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
}

.showpics ol {
    border-top: #dbdbdb solid 1px;
    background: #fbfbfb;
}

.showpics dt {
    height: 90px;
    overflow: hidden
}

.showpics dt img {
    height: 90%;
    margin: 1%;
}

.showpics dt img:hover {
    box-shadow: -5px -5px 8px #aaa;
}

div.showleft {
    background: #fdfdfd;
    width: 50%;
    float: left;
    margin: 3% 0px;
}

div.showleft .qrout {
    margin: 0px 20px 0px 0px;
}

ul.fs2 {
    margin: 0px;
    padding-top: 1px;
}

ul.fs2 li dl {
    width: 20%;
}

ul.fs2 li dt {
    width: 76%;
}

#_nub {
    width: 50px;
}

.nubjia,
.nubjian {
    border: #A0A0A0 1px solid;
    line-height: 27px;
    height: 27px;
    width: 15px;
    display: inline-block;
    margin-left: 3px;
    text-align: center;
    cursor: pointer;
    user-select: none;
}

div.min_box_content {
    color: #666;
    min-height: 110px;
    height: 110px;
    padding-bottom: 22px;
}

div.min_box_content div.c {
    min-height: 110px;
    text-indent: 2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

div.min_box_content:hover {
    color: #000;
    background: url(/client/images/hotbg.gif);
}

/*新闻列表*/
.news1 {
  width: 100%;
}

.news1 * {
  font-size: 1.1em;
  color: #666;
}

.news1 div {
  float: left;
  border-left: 1px solid #eee;
}

.news1 li {
  background: #fdfdfd;
  border-bottom: 1px solid #eee;
  padding: 10px;
  position: relative;
}

.news1 li:hover {
  background: #f7f7f7 url(images/8xs/bg5.gif);
}

.news1 li a {
  display: block;
  width: 70%;
  position: relative;
  left: 10px;
  top: 0;
}

.news1 li span {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
}

.news1 li ol {
  clear: both;
  float: none;
  display: none;
  padding: 10px;
  height: 80px;
  overflow: hidden;
  color: #888;
  font-size: 1em;
}

.news1 li ol img {
  height: 90%;
  border-radius: 5px;
}

.news1 li ol:hover {
  overflow: auto;
}

.news1 li:hover ol {
  display: block;
  color: #000;
}

.news1 li:hover a {
  color: red;
}

#news_data1 {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc
}

#news_data1 a {
  width: 49.9%;
  float: left;
  padding: 20px;
  background: #fff;
  margin: 1px 0px 0px 1px;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc
}

#news_data1 a img {
  width: 30%;
  margin-right: 3%;
  float: left;
  display: block
}

#news_data1 a h3 {
  width: 67%;
  float: left;
  height: 100%;
  font-weight: normal
}

#news_data1 a h3 b {
  width: 100%;
  height: 30px;
  font-size: 20px;
  color: #555555;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal
}

#news_data1 a h3 p {
  width: 100%;
  font-size: 16px;
  color: #999;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}

#news_data1 a h3 em {
  font-size: 14px;
  color: #999;
  margin-bottom: 30px;
  display: block;
}

#news_data1 a:hover {
  background: #a7c4ff;
  margin: 1px 0px 0px 1px;
}

#news_data1 a:hover h3 b {
  width: 100%;
  height: 30px;
  font-size: 20px;
  color: #1b65fa;
}

#news_data1 a:hover h3 p {
  color: #666;
}

#news_data1 a h3 i {
  width: 105px;
  height: 23px;
  background: url(/client/images/morebg.png) left no-repeat;
  color: #000;
  padding: 0px 0px 0px 10px;
  text-align: left;
  font-size: 14px;
  line-height: 23px;
  display: block;
  margin-bottom: 10px
}

#news_data1 a:hover h3 i {
  width: 105px;
  height: 23px;
  background: url(/client/images/morebg.png) left no-repeat;
  color: #d11f1f;
}